<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Facelet Title</title>
        <h:outputStylesheet name="css/jsfcrud.css"/>
    </h:head>
    <h:body>
        <div class="cabecera">
            <div class="logo">
                <h1>DrawAdventures</h1>
            </div>
            <div class="usuario">
                <h:form>
                <h:panelGrid columns="1" rendered="#{login.loggedIn}">
                    <h:form rendered="#{login.loggedInUser}">
                        <h:outputLabel for="username">Hola: #{login.usuario.nombreUsuario}</h:outputLabel>
                    </h:form>
                    
                    <h:form rendered="#{login.loggedInAdmin}">
                        <h:outputLabel for="admin">Hola: #{login.admin.nombreAdmin}</h:outputLabel>
                    </h:form>

                </h:panelGrid>
                <h:panelGrid columns="2" rendered="#{!login.loggedIn}">

                    <h:outputLabel for="username">Username:</h:outputLabel>

                    <h:inputText id="username" value="#{credenciales.username}"/>

                    <h:outputLabel for="password">Password:</h:outputLabel>

                    <h:inputSecret id="password" value="#{credenciales.password}"/>

                </h:panelGrid>

                <h:commandButton value="Login" action="#{login.doLogin}" rendered="#{!login.loggedIn}"/>
                
                <h:commandButton value="Registrate" action="#{usuariosMainController.prepareCreate}" rendered="#{!login.loggedIn}"/>

                <h:commandButton value="Logout" action="#{login.logout}" rendered="#{login.loggedIn}"/>
                                
                <h:commandButton value="Perfil" action="#{usuariosMainController.prepareView()}" rendered="#{login.loggedInUser}"/>
                    
                <h:commandButton value="Panel Admin" action="/administrador/PanelAdmin" rendered="#{login.loggedInAdmin}"/>


            </h:form>
            </div>
        </div>
        <div class="contenedor">
            <div class="cuerpo">
                <h:form rendered="#{login.loggedInAdmin}">
                    <h1>Panel de administración</h1>
                    <br />
                    <h:link outcome="/administrador/List" value="Mostrar lista de administradores"/>
                    <br />
                    <h:link outcome="/administrador/ListJuegos" value="Moistrar lista de juegos"/>
                    <br />
                    <h:link outcome="/administrador/ListUsuarios" value="Mostrar lista de usuarios"/>
                    <br />
                    <h:link outcome="/administrador/ListValoraciones" value="Mostrar lista de valoraciones"/>
                </h:form>
                
                <h:form rendered="#{!login.loggedInAdmin}">
                    <h1>#{bundle.AccesDeny}</h1>
                    <br />
                    <br />
                    <h:link outcome="/index" value="#{bundle.ViewUsuariosIndexLink}"/>
                </h:form>
            </div>
        </div>
    </h:body>






</html>

